@charset "utf-8";
*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
	font-family: 微软雅黑,sans-serif;	
}
main{
	width: 100%;
	height: 5678px;
	bor der:  1px solid red;
}
/* 1.面包屑导航切片 */
nav{
	width: 100%;
	height: 84px;
}
/* 2. 面包屑导航中控区：居中*/
div#nav_wrapper{
	width: 80%;
	height: 84px;
	margin: 0 auto;
}
div#nav_wrapper div.nav_left{
	width: 15%;
	height: 84px;
	float: left;
}
div#nav_wrapper div.nav_left i.xiaomi{
	padding: 15px 25px;
	background: url(../img/LOGO.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: 31px;
	border-radius: 15px;
}
div#nav_wrapper div.nav_left i.tubiao{
	padding: 25px 70px;
	background: url(../img/donghua.gif) no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: 31px;
}
div#nav_wrapper div.nav_right{
	width: 85%;
	height: 84px;
	float: left;
}
div#nav_wrapper div.nav_right ul li{
	float: left;
	height: 84px;
}
div#nav_wrapper div.nav_right ul li a{
	line-height: 84px;
	padding: 0 10px;
	color: #000000;
	font-size: 16px;
}
div#nav_wrapper div.nav_right i{
	border: 1px solid #d3d3d3;
	padding: 15px 120px;
	position: relative;
	top: 35px;
	left: 139px;
}
div#nav_wrapper div.nav_right img{
	border: 1px solid #d3d3d3;
	padding: 15px 15px;
	position: relative;
	top: 35px;
	left: 90px;
}
div#nav_wrapper div.nav_right i span.word1{
	position: relative;
	left: 40px;
	font-size: 13px;
	background-color: #dcdcdc;
}
div#nav_wrapper div.nav_right i span.word2{
	position: relative;
	left: 52px;
	font-size: 13px;
	background-color: #dcdcdc;
}
div#nav_wrapper div.nav_right i span:hover{
	background-color: #ff6700;
	color: #fff;
}
section{
	width: 80%;
	height: 1124px;
	bor der: 1px solid red;
	margin: 0 auto;
}
section article ul.sidebar{
	width: 16%;
	height: 460px;
	back ground-color: #ffaa00;
	float: left;
}
section article ul.sidebar li{
	color: #fff;
	height: 44px;
	line-height: 44px;
	text-align: center;
	position: relative;
	top: 10px;
	background-color: #949494;
}
section article ul.sidebar li:hover{
	background-color: #ff5400;
}
section article ul.sidebar div.outer{
	position: absolute;
	width: 245px;
	height: 460px;
	background-color: #949494;
	left: 152px;
	display: block;
	z-index: 0;
}
section article ul.sidebar li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 10px;
	box-sizing: border-box;
}
section article ul.sidebar span{
	margin-right: 20px;
	color: #fff;
}
section figure{
	width: 100%;
	height: 460px;
	bor der: 1px solid red;
	background-color: #00ff00;
}
sect ion figure div{
	margin: 0 auto;
	float: right;
}
section figure div img{
	width: 100%;
	height: 460px;
	float: right;
}
section div#event_wraaper{
	width: 100%;
	height: 160px;
	margin: 22px auto;
}
section div#event_wraaper ul li{
	width: 20%;
	height: 158px;
	float: left;
	margin-right: 22px;
}
section div#event_wraaper ul li img{
	width: 100%;
	height: 183px;
	bor der: 1px solid red;
	float: left;
}
section div#event_wraaper ul li.p{
	width: 25%;
}
section div#event_wraaper ul li.b{
	width: 25%;
	margin-right: 0;
}
div#event_wraaper ul li img:hover{
	filter: drop-shadow(0 0 6px #a7a7a7)
}

div#product_card{
	width: 100%;
	height: 412px;
	margin-top: 51px;
}
div#product_card button{
	float: right;
	width: 38px;
	height: 28px;
	border: 1px solid #e0e0e0;
	color: #000;
	background-color: #fff;
}
div#product_card button:hover{
	background-color: #666666;
}
div#product_card span.y_1{
	color: #000;
	font-size: 24px;
}
div#product_card ul li.y1{
	width: 19%;
	height: 352px;
	border-top: 1px solid #ffac13;
	background-color: #fafafa;
	margin: 20px 13px 0 0;
	float: left;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
}
div#product_card ul li.y2{
	width: 19%;
	height: 352px;
	border-top: 1px solid #83c44e;
	background-color: #fafafa;
	margin: 20px 13px 0 0;
	float: left;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
}
div#product_card ul li.y3{
	width: 19%;
	height: 352px;
	border-top: 1px solid #2196f3;
	background-color: #fafafa;
	margin: 20px 13px 0 0;
	float: left;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
}
div#product_card ul li.y4{
	width: 19%;
	height: 352px;
	border-top: 1px solid #e53935;
	background-color: #fafafa;
	margin: 20px 13px 0 0;
	float: left;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
}
div#product_card ul li.last{
	width: 19%;
	height: 352px;
	border-top: 1px solid #00c0a5;
	background-color: #fafafa;
	float: right;
	margin: 20px 0 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
}
div#product_card ul li img{
	background-size: auto;
	margin-top: 35px;
	padding: 25px;
	margin-bottom: 20px;
}
div#product_card ul li p.name1{
	color: #2b2b2b;
	background-color: #fff;
	display: block;	
	position: relative;
	top: 25px;
	
}
div#product_card ul li p.describe1{
	position: relative;
	top: 38px;
	text-align: center;
	font-size: 12px;
}
div#product_card ul li p.price1{
	color: #fe7c09;
	position: relative;
	top: 50px;
	text-align: center;
	font-size: 12px;
}
div#product_card ul li p.name2{
	color: #2b2b2b;
	background-color: #fff;
	display: block;	
	position: relative;
	top: -18px;
}
div#product_card ul li p.describe2{
	position: relative;
	top: -4px;
	text-align: center;
	font-size: 12px;
}
div#product_card ul li p.price2{
	color: #fe7c09;
	position: relative;
	top: 7px;
	text-align: center;
	font-size: 12px;
}
div#product_card ul li p.name3{
	color: #2b2b2b;
	background-color: #fff;
	display: block;	
	position: relative;
	top: 84px;
}
div#product_card ul li p.describe3{
	position: relative;
	top: 98px;
	text-align: center;
	font-size: 12px;
}
div#product_card ul li p.price3{
	color: #fe7c09;
	position: relative;
	top: 109px;
	text-align: center;
	font-size: 12px;
}
div#product_card ul li p.name4{
	color: #2b2b2b;
	background-color: #fff;
	display: block;	
	position: relative;
	top: -10px;
}
div#product_card ul li p.describe4{
	position: relative;
	top: 5px;
	text-align: center;
	font-size: 12px;
}
div#product_card ul li p.price4{
	color: #fe7c09;
	position: relative;
	top: 16px;
	text-align: center;
	font-size: 12px;
}
div#product_card ul li p.name5{
	color: #2b2b2b;
	background-color: #fff;
	display: block;	
	position: relative;
	top: 0px;
}
div#product_card ul li p.describe5{
	position: relative;
	top: 15px;
	text-align: center;
	font-size: 12px;
}
div#product_card ul li p.price5{
	color: #fe7c09;
	position: relative;
	top: 25px;
	text-align: center;
	font-size: 12px;
}
section.s2{
	width: 100%;
	height: 6704px;
	border: 1px solid black;
	background-color: #f5f5f5;
	text-align: center;
}
section.s2 div#title{
	width: 80%;
	height: 615px;
	bor der: 1px solid green;
	margin: 0 auto;
	margin-top: 20px;
}
section.s2 div.q1{
	width: 80%;
	bor der: 1px solid red;
	font-size: 24px;
	color: #000;
	margin: 0 auto;
	text-align: left;
	margin-top: 65px;
}
section.s2 div.q1 span{
	bor der: 1px solid green;
	float: right;
	font-size: 18px;
	color: #000;
	height: 30px;
}
section.s2 div.q1 img{
	bor der: 1px solid green;
	float: right;
	padding: 5px;
}
section.s2 div#title dl.c1{
	bor der: 1px solid black;
	float: left;
	margin: 0 auto;
}
section.s2 div#title dl.c2{
	bor der: 2px solid red;
	background-color: #fff;
	float: left;
	width: 262px;
	height: 300px;
	margin: 0 0 35px 14px;
}
section.s2 div#title dl.c1 dt img{
	position: relative;
	top: 0;
	overflow: hidden;
}
section.s2 div#title dl.c2 dt img{
	bor der: 1px solid red;
	margin: 30px;
}
section.s2 div#title dl.c2 dt.c2_1 img{
	bor der: 1px solid red;
	margin: 90px 0 88px 10px;
}
section.s2 div#title dl dd.subject{
	bor der: 1px solid blueviolet;
	color: #000;
	font-size: 14px;
	margin: 5px;
}
section.s2 div#title dl dd.product_content{
	bor der: 1px solid blueviolet;
	color: #b0b0b6;
	font-size: 12px;
	margin: 5px;
}
section.s2 div#title dl dd.product_price{
	bor der: 1px solid blueviolet;
	color: #fe7c09;
	font-size: 13px;
}
section.s2 div#title dl.c1 dd{
	z-index: 999;
	position: absolute;
}
section.s2 div#title dl.c1 dd.subject{
	bor  der: 1px solid blueviolet;
	color: #000;
	font-size: 24px;
	margin: 70px 0 0 20px;
}
section.s2 div#title dl.c1 dd.product_content{
	bor der: 1px solid blueviolet;
	color: #000;
	font-size: 15px;
	margin: 120px 0 0 18px;
}
section.s2 div#title dl.c1 dd.product_price{
	bor der: 1px solid blueviolet;
	color: #00a8ff;
	font-size: 26px;
	margin: 165px 0 0 85px;
}
section.s2 div#title dl.c1 dd.product_price span{
	color: #00a8ff;
}
section.s2 div#title dl.c2:hover{
	filter: drop-shadow(0 0 6px #b1b1b1);
	transform: translateY(-2px);
	transition: all 0.8s ease;
}
section.s2 div.q2{
	width: 80%;
	bor der: 1px solid red;
	font-size: 24px;
	color: #000;
	margin: 0 auto;
	text-align: left;
	margin-top: 60px;
}
section.s2 div.q2 span{
	bor der: 1px solid green;
	float: right;
	font-size: 18px;
	color: #000;
	height: 25px;
	margin: 15px;
}
section.s2 div.q2 span:hover{
	color: #ff6700;
	border-bottom: 2px solid #ff6700;
}
section.s2 div#banner{
	bor der: 1px solid red;
	width: 80%;
	height: 615px;
	margin: 0 auto;
	margin-top: 20px;
}
section.s2 div#banner dl{
	bor der: 2px solid red;
	background-color: #fff;
	margin: 0 auto;
	float: left;
	width: 231px;
	height: 298px;
}
section.s2 div#banner dl.b2{
	bor der: 2px solid red;
	background-color: #fff;
	float: left;
	width: 264px;
	height: 300px;
	margin: 0 3px 15px 11px;
}
section.s2 div#banner dl.b3{
	bor der: 2px solid red;
	background-color: #fff;
	float: left;
	width: 237px;
	height: 143px;
	margin: 0 0 16px 40px;
}


section.s2 div#banner dl dd.product_price{
	bor der: 1px solid blueviolet;
	color: #fe7c09;
	font-size: 13px;
}
section.s2 div#banner dl:hover{
	filter: drop-shadow(0 0 6px #b1b1b1);
	transform: translateY(-2px);
	transition: all 0.8s ease;
}
section.s2 div.q3{
	width: 80%;
	bor der: 1px solid red;
	font-size: 24px;
	color: #000;
	margin: 0 auto;
	text-align: left;
	margin-top: 60px;
}
section.s2 div.q3 span{
	bor der: 1px solid green;
	float: right;
	font-size: 18px;
	color: #000;
	height: 25px;
	margin: 15px;
}
section.s2 div.q3 span:hover{
	color: #ff6700;
	border-bottom: 2px solid #ff6700;
}
section.s2 div#zhoubian{
	bor der: 1px solid red;
	width: 80%;
	height: 615px;
	margin: 0 auto;
	margin-top: 20px;
}
section.s2 div#zhoubian dl{
	bor der: 2px solid red;
	background-color: #fff;
	margin: 0 auto;
	float: left;
	width: 231px;
	height: 298px;
}
section.s2 div#zhoubian dl.z2{
	bor der: 2px solid red;
	background-color: #fff;
	float: left;
	width: 262px;
	height: 298px;
	margin: 0 0 15px 15px;
}
section.s2 div#zhoubian dl.z3{
	bor der: 2px solid red;
	background-color: #fff;
	float: left;
	width: 230px;
	height: 142px;
	margin: 0 0 15px 45px;
}
section.s2 div#zhoubian dl.z2 img{
	bor der: 1px solid red;
	margin: 30px;
}
section.s2 div#zhoubian dl dd.subject{
	bor der: 1px solid blueviolet;
	color: #000;
	font-size: 14px;
	margin: 4px;
}
section.s2 div#zhoubian dl dd.product_content{
	bor der: 1px solid blueviolet;
	color: #b0b0b6;
	font-size: 12px;
	margin: 5px;
}
section.s2 div#zhoubian dl dd.product_price{
	bor der: 1px solid blueviolet;
	color: #fe7c09;
	font-size: 13px;
	margin: 8px;
}
section.s2 div#zhoubian dl:hover{
	filter: drop-shadow(0 0 6px #b1b1b1);
	transform: translateY(-2px);
	transition: all 0.8s ease;
}

section.s2 div.q4{
	width: 80%;
	bor der: 1px solid red;
	font-size: 24px;
	color: #000;
	margin: 0 auto;
	text-align: left;
	margin-top: 60px;
}
section.s2 div.q4 span{
	bor der: 1px solid green;
	float: right;
	font-size: 18px;
	color: #000;
	height: 25px;
	margin: 15px;
}
section.s2 div.q4 span:hover{
	color: #ff6700;
	border-bottom: 2px solid #ff6700;
}
section.s2 div#peijian{
	bor der: 1px solid red;
	width: 80%;
	height: 615px;
	margin: 0 auto;
	margin-top: 20px;
}
section.s2 div#peijian dl{
	bor der: 2px solid red;
	background-color: #fff;
	margin: 0 auto;
	float: left;
	width: 231px;
	height: 298px;
}
section.s2 div#peijian dl.p2{
	bor der: 2px solid red;
	background-color: #fff;
	float: left;
	width: 263px;
	height: 298px;
	margin: 0 0 15px 15px;
}
section.s2 div#peijian dl.p3{
	bor der: 2px solid red;
	background-color: #fff;
	float: left;
	width: 266px;
	height: 142px;
	margin: 0 0 15px 15px;
}
section.s2 div#peijian dl.p2 img{
	bor der: 1px solid red;
	margin: 30px;
}
section.s2 div#peijian dl dd.subject{
	bor der: 1px solid blueviolet;
	color: #000;
	font-size: 14px;
	margin: 4px;
}
section.s2 div#peijian dl dd.product_content{
	bor der: 1px solid blueviolet;
	color: #b0b0b6;
	font-size: 12px;
	margin: 5px;
}
section.s2 div#peijian dl dd.product_price{
	bor der: 1px solid blueviolet;
	color: #fe7c09;
	font-size: 13px;
	margin: 8px;
}
section.s2 div#peijian dl:hover{
	filter: drop-shadow(0 0 6px #b1b1b1);
	transform: translateY(-2px);
	transition: all 0.8s ease;
}
section.s2 div.q5{
	width: 80%;
	bor der: 1px solid red;
	font-size: 24px;
	color: #000;
	margin: 0 auto;
	text-align: left;
	margin-top: 60px;
}
section.s2 div#product{
	bor der: 1px solid red;
	width: 80%;
	height: 435px;
	margin: 0 auto;
	margin-top: 20px;
}
section.s2 div#product dl{
	bor der: 1px solid red;
	background-color: #fff;
	margin: 0 auto;
	float: left;
	width: 296px;
	height: 434px;
}
section.s2 div#product dl dd.evaluation{
	bor der: 1px solid blueviolet;
	color: #000;
	font-size: 13.5px;
	margin: 35px;
	text-align: left;
	width: 80%;
}
section.s2 div#product dl dd.from{
	bor der: 1px solid blueviolet;
	color: #b0b0b0;
	font-size: 12px;
	margin: 10px 35px;
	text-align: left;
	width: 80%;
}
section.s2 div#product dl.t2 dd.from{
	margin: 53px 35px 10px 35px;
}
section.s2 div#product dl dd.name{
	bor der: 1px solid blueviolet;
	color: #000;
	font-size: 13.5px;
	margin: 10px 35px;
	text-align: left;
}
section.s2 div#product dl dd.price{
	border-left: 1px solid #b0b0b0;
	color: #ff9100;
	font-size: 13.5px;
	margin: -30px 25px;
	float: right;
	width: 30%;
}
section.s2 div#product dl:hover{
	filter: drop-shadow(0 0 6px #b1b1b1);
	transform: translateY(-2px);
	transition: all 0.8s ease;
}
section.s2 div#product dl.t2{
	margin: 0 0 0 50px;
}
section.s2 div.q6{
	width: 80%;
	bor der: 1px solid red;
	font-size: 24px;
	color: #000;
	margin: 0 auto;
	text-align: left;
	margin-top: 60px;
}
section.s2 div#container{
	bor der: 1px solid red;
	width: 80%;
	height: 435px;
	margin: 0 auto;
	margin-top: 20px;
} 
section.s2 div#container dl{
	border-top: 1px solid #ffac13;
	background-color: #fff;
	margin: 0 auto;
	float: left;
	width: 296px;
	height: 434px;
}
section.s2 div#container dl.e2,section.s2 div#container dl.e3,section.s2 div#container dl.e4{
	margin: 0 0 0 50px;
}
section.s2 div#container dl.e2{
	border-top: 1px solid #83c44e;
}
section.s2 div#container dl.e3{
	border-top: 1px solid #e53935;
}
section.s2 div#container dl.e4{
	border-top: 1px solid #2196f3;
}
section.s2 div#container dl dd.title{
	bor der: 1px solid #ffac13;
	font-size: 16px;
	margin: 50px 30px 25px 30px;
}
section.s2 div#container dl.e1 dd.title{
	color: #ffac13;
}
section.s2 div#container dl.e2 dd.title{
	color: #83c44e;
}
section.s2 div#container dl.e3 dd.title{
	color: #e53935;
}
section.s2 div#container dl.e4 dd.title{
	color: #2196f3;
}
section.s2 div#container dl dd.introduce{
	bor der: 1px solid #ffac13;
	font-size: 21px;
	color: #000;
}
section.s2 div#container dl dd.describe{
	bor der: 1px solid #ffac13;
	font-size: 12px;
	color: #c3c3c3;
	width: 70%;
	margin: 10px auto 20px;
}
section.s2 div#container dl dd.price{
	bor der: 1px solid #ffac13;
	font-size: 15px;
	color: #000;
	margin: 25px auto 25px;
}
section.s2 div#container dl.e3 dd.price,section.s2 div#container dl.e4 dd.price{
	margin: 40px auto 45px;
}
section.s2 div#container dl dt{
	bor der: 1px solid #ffac13;
	padding: 10px;
}
section.s2 div#container dl:hover{
	filter: drop-shadow(0 0 6px #b1b1b1);
	transform: translateY(-2px);
	transition: all 0.8s ease;
}
section.s2 div.q7{
	width: 80%;
	bor der: 1px solid red;
	font-size: 24px;
	color: #000;
	margin: 0 auto;
	text-align: left;
	margin-top: 60px;
}
section.s2 div.q7 span{
	bor der: 1px solid green;
	float: right;
	font-size: 18px;
	color: #000;
	height: 30px;
}
section.s2 div.q7 img{
	bor der: 1px solid green;
	float: right;
	padding: 5px;
}
section.s2 div#video{
	bor der: 1px solid red;
	width: 80%;
	height: 296px;
	margin: 0 auto;
	margin-top: 20px;
}
section.s2 div#video dl{
	bor der: 1px solid #ffac13;
	background-color: #fff;
	margin: 0 auto;
	float: left;
	width: 296px;
	height: 296px;
}
section.s2 div#video dl.v2{
	margin: 0 0 0 50px;
}
section.s2 div#video dl dd.title{
	color: #000;
	font-size: 14px;
	margin: 28px 0 15px 0;
}
section.s2 div#video dl dd.describe{
	color: #c3c3c3;
	font-size: 12px;
}
section.s2 div#video dl dt.v1_1{
	bor der: 1px solid red;
	width: 38px;
	height: 25px;
	z-index: 999;
	background: url(../img/video_play.png) no-repeat;
	position: relative;
	top: -40px;
	left: 20px;
}
section.s2 div#video dl:hover{
	filter: drop-shadow(0 0 6px #b1b1b1);
	transform: translateY(-2px);
	transition: all 0.8s ease;
}
section.s2 div#video dl:hover dt.v1_1{
	background: url(../img/video_play01.png) no-repeat;
}